本文共 980 字，大约阅读时间需要 3 分钟。

webpack打包vue项目之后会发现js包会非常大，我们可以通过不同的路由来加载不同的组件来提高页面加载效率，避免首次加载页面js过大。

在路由的配置文件index.js里面引入：

路由配置里使用：

把组件按组分块 有时候我们想把某个路由下的所有组件或一组中的组件都打包到同一个js文件中，只需要使用 命名 chunk，一个特殊的注释语法来提供 chunk name (需要 Webpack > 2.4)。例如在同一个文件夹下的ProjectManagement 和Dustbin 组件一起打包到同一个文件去：

在路由的配置文件index.js里面引入：

如果需要定义打包出来的文件名为提供chunk name只需要在webpack.prod.conf.js 里：

=> 打包后在dist/static/js里会有projectManagement.dd9fa307a6059958050e.js文件

转载地址：https://blog.csdn.net/blueberry_liang/article/details/80311236 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！